.all_content_header{
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  transition: transform .2s;
  padding: 10px 0;
  background-color: #fff;
  z-index: 250;
  transition: all .5s;
  :global{
    .header_nei_content{
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin: auto;
      padding: 0 20px;
      max-width: 1440px;
      margin-bottom: 5px;
    }
    .bottom_tab{
      padding: 0 20px;
      border-top: 1px solid #f4f9ff;
    }
    .left{
     width: 140px;
     display: flex;
     align-items: center;
     height: 100%;
     .logo{
      cursor: pointer;
      width: 110px;
      height: 22px;
     }
     img{
      width: 100%;
      height: 100%;
  
     }
    }
    .center{
      flex: 1;
      display: flex;
      height: 100%;
      .tabsItem{
        display: flex;
        align-items: center;
        margin-right: 30px;
        color: #5c5c5c;
        font-size: 14px;
        cursor: pointer;
        height: 33px;
        border-bottom: 2px solid transparent;
      }
      .tabsItem_active{
        color: #1171ee;
      }
      .tabsItem_te{
        margin-right: 30px;
        color: #5c5c5c;
        font-size: 14px;
        cursor: pointer;
      }
      .tabsItem:hover{
        color: #1171ee;
        border-bottom: 2px solid #1171ee;
      }
    }
    .search_create_btn{
      display: flex;
      align-items: center;
      width: 430px;
      position: relative;
    }
    .keytips{
      position: absolute;
      left: 0;
      top: 45px;
    }
    .header_input_content{
      display: flex;
      margin-right: 20px;
      height: 35px;
      box-sizing: border-box;
      .header_search_btn{
        display: flex;
        justify-content: center;
        align-items: center;
        border-top-right-radius: 3px;
        border-bottom-right-radius: 3px;
        width: 50px;
        height: 35px;
        background-color: #d9d9d9;
        box-sizing: border-box;
        z-index: 99;
        border-left: 0;
        box-sizing: border-box;
        color: #606674;
        cursor: pointer;
        transition: all 0.3s;
      }
      .header_search_btn:hover{
        background-color: #1171ee;
        color: #FFF;
      }
     .ant-input{
        border-right: 0;
        border-top-left-radius: 3px;
        border-bottom-left-radius: 3px;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
      }
    }
    .header_create_article_btn{
      display: flex;
      color: #FFF;
      margin-right: 20px;
      width: 120px;
      position: relative;
      cursor: pointer;
      transition: all 1s;
      .header_ca_title{
        padding: 10px;
        font-size: 14px;
        flex-shrink: 0;
        background-color: #1e80ff;
        border-top-left-radius: 3px;
        border-bottom-left-radius: 3px;
      }
      .header_badge{
        position: absolute;
        top: -8px;
        left: 50px;
        background-color: #f53f3f;
        color: #FFF;
        font-size: 0.52rem;
        padding: 3px 10px;
        border-radius: 8px;
        width: 25px;
      }
      .header_badge::before{
        position: absolute;
        bottom: -8px;
        left: 18px;
        display: inline-block;
        content: "";
        border-top: 5px solid #f53f3f; 
        border-right: 5px solid transparent;
        border-left: 5px solid transparent;
        border-bottom: 5px solid transparent;
      }
    }
    .header_cab_none{
      width: 0 !important;
      overflow: hidden;
    }
    .header_ca_title:hover{
      background-color: #1171ee;
      transition: all 0.5s;
    }
    .header_vip{
      color: #8a919f;
      font-size: 14px;
      margin-right: 20px;
      display: flex;
      align-items: center;
      cursor: pointer;
      .header_vip_span{
        margin-left: 5px;
      }
    }
    .header_notice{
      margin-right: 20px;
      cursor: pointer;
    }
    
    .right{
      cursor: pointer;
      .user_header_img{
        width: 36px;
        height: 36px;
        background-color: #cccccc;
        border-radius: 50%;
        overflow: hidden;
        img{
          width: 100%;
          height: 100%;
          object-fit: cover;
        }
      }
      .login_btn{
        padding:7px 10px;
        font-size: 14px;
        color: #1e80ff;
        background-color: #f4f9ff;
        border: 1px solid #1e80ff;
        border-radius: 3px;
      }
    }
    .right:hover{
      color: #1e80ff;
    }
  }
  
}
.transformTop{
  top: -65px!important;
}

